
.olControlPanel div {
    position: relative;
    left: 800px;
    display:block;
    width:  24px;
    height: 24px;
    margin: 10px;
    background-color:white;
}

.olControlPanel .olControlMouseDefaultsItemActive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    background-color: blue;
    background-image: url('img/pan_on.png');
}
.olControlPanel .olControlMouseDefaultsItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    background-color: orange;
    background-image: url('img/pan_off.png');
}
.olControlPanel .puntoItemActive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/draw_point_on.png');
}
.olControlPanel .puntoItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/draw_point_off.png');
}
.olControlPanel .lineaItemActive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/draw_line_on.png');
}
.olControlPanel .lineaItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/draw_line_off.png');
}
.olControlPanel .poligonoItemActive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/draw_polygon_on.png');
}
.olControlPanel .poligonoItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/draw_polygon_off.png');
}
.olControlPanel .olControlZoomBoxItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-color: orange;
    background-image: url('img/drag-rectangle-off.png');
}
.olControlPanel .olControlZoomBoxItemActive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-color: blue;
    background-image: url('img/drag-rectangle-on.png');
}
.olControlPanel .olControlZoomToMaxExtentItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  18px;
    height: 18px;
    background-image: url('img/zoom-world-mini.png');
}

.olControlPanel .nuevaobraItemInactive {
    border: solid 1px #333333;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    width:  22px;
    height: 22px;
    background-image: url('img/add_point_off.png');
}